$('.login a').on('click',function(){
	  $('.login').hide().next().show();
	
})
$('.register a').on('click',function(){
	$('.login').show().next().hide()
	
	
})

//思路：表单提交--阻止默认行为--收集表单数据（用户名 密码）--ajax提交服务器
$('.register form').on('submit',function(e){
	e.preventDefault();
	//收集表单数据
	let data=$(this).serialize();
	console.log(data);
	
	$.ajax({
		type:'POST',
		 url: '/api/reguser',
		 data:data,
		 // 只考虑成功的情况；失败的情况后续统一处理
	success:function(res){
		if(res.status==0){
			$('.register layui-input').val('');
			// alert(res.message);
			layer.msg(res.message);
			$('.login').show().next().hide();
			
		}
		
	}
	

	});

})
	//使用layui提供的内置模块
	//加载模块
	// 无论用的内置的验证规则，还是自定义的验证规则，用法都一样。
	// `<input lay-verify="验证规则|验证规则" />`
	// `<input lay-verify="required|email|len|same" />`
	// var 变量 = layui.模块名;
	// `var form = layui.form;`  // 加载得到一个对象
	// 加载得到的 form 模块，是一个对象，该对象内置一个verify方法，我们调用它编写自定义验证规则。
	
let form = layui.form;
	// console.log(form)
	form.verify({
	uname: [/^\S{2,10}$/, '用户名长度必须是2~10位'], // \S表示非空白字符   {2,10} 不要写成 {2, 10}
	pwd: [/^\S{6,12}$/, '密码长度必须是6~12位'], //
		 same:function(val){
			  // 形参val表示 使用该规则的输入框的值；本例中，重复密码使用了这个验证规则，所以形成val表示用户输入的重复密码
			if($('.pwd').val() !==val){
				return '两次密码不一致！';
			}  
			
		 }
		
		
	});
	// ------------------------------------ 登录功能 --------------------------------
	// 表单提交 --> 阻止默认行为 --> 收集数据 --> ajax提交
$('.login form').on('submit',function(e){
	e.preventDefault();
	let data=$(this).serialize();
	$.ajax({
		type: 'POST',
		url: '/api/login',
		data: data,
		success:function(res){
			console.log(res)
			// 只关注请求成功的情况即可，因为失败的情况有统一配置
			if (res.status === 0) {
			  layer.msg(res.message, { time: 2000 }, function () {
			    // 关闭弹出后，做什么
				//跳转之前，先把服务器返回的token存储
				localStorage.setItem('token',res.token);
			    // 登录成功，跳转到 index.html （路径和js文件在哪里没有关系；和使用js的html文件有关系）
			    location.href = './index.html';
			  });
			}
	
		}
	
	})

})


